<template>
  <div class="serurity" style="margin-top: 80px;">
    <!-- 侧导航 -->
    <side-navigation/>

    <public-txt id="service_flow">
      <h1 slot="c-txt">完善的服务流程</h1>
      <p slot="e-txt">Perfect service flow</p>
    </public-txt>

    <flow />

    <public-txt id="policy_document">
      <h1 slot="c-txt">残保金政策文件</h1>
      <p slot="e-txt">Disability insurance policy document</p>
    </public-txt>

    <disability-insurance />

    <public-txt>
      <h1 slot="c-txt" id="after_cooperation">合作前后优化效果</h1>
      <p slot="e-txt">Optimize the effect before and after cooperation</p>
    </public-txt>

    <tab-optimize-effec />

    <advantages-cooperation>
      <public-txt style="padding-top: 50px">
        <h1 slot="c-txt" style="color: #fff">合作优势</h1>
        <p slot="e-txt" style="color: #fff">advantages of Cooperation</p>
      </public-txt>
    </advantages-cooperation>

    <tab-qualification>
      <public-txt style="background-color: #f6f5f3">
        <h1 slot="c-txt">资质文件展示</h1>
        <p slot="e-txt">Qualification Document Display</p>
      </public-txt>
    </tab-qualification>

    <floor />
  </div>
</template>

<script>
import SideNavigation from "components/SideNavigation/SideNavigation"

import PublicTxt from "components/PublicTxt/PublicTxt";
import Flow from "./PerfectServiceFlow/Flow";
import DisabilityInsurance from "./DisabilityInsurance/DisabilityInsurance";
import TabOptimizeEffec from "./Tab/TabOptimizeEffec";
import AdvantagesCooperation from "./AdvantagesCooperation/AdvantagesCooperation";
import TabQualification from "./Tab/TabQualification";

import Floor from "components/Floor/Floor";

export default {
  name: "Education",
  components: {
    SideNavigation,
    PublicTxt,
    Flow,
    DisabilityInsurance,
    TabOptimizeEffec,
    AdvantagesCooperation,
    TabQualification,
    Floor,
  },
  mounted() {
    this.$store.commit("i1click");
    // console.log(this.$route);
    document.querySelector(`#${this.$route.query.id}`).scrollIntoView(true);
  },
  watch: {
    "$route.query.id": (newVal, oldVal) => {
      console.log(newVal, oldVal);
      document.querySelector(`#${newVal}`).scrollIntoView(true);
      this.$store.commit("i1click");

    },
  },
};
</script>